<html>
	<head>
		<link rel="shortcut icon" href="/media/images/bd_cake_bomb.gif"/>
		<link rel="stylesheet" type="text/css" href="/media/stylesheets/playlists.css" />
		<script type="text/javascript" src="/media/javascript/jquery-1.3.2.js"></script>
		<script type="text/javascript" src="/media/javascript/jquery-ui-1.7.2.custom.min.js"></script>
		<script type="text/javascript" src="/media/javascript/playlists.js"></script>
		<title>CreamBomb - Your favorite playlist</title>

	</head>

	<body class='general'>
	
	<div>
		<div id="liquid-round">
			<div class="top"><span></span></div>
			<div class="center-content">
				<div id='searchDiv'>
					<h1>Cream Bomb</h1>				
				</div>
			</div>
			<div class="bottom">
				<span>
					
				</span>
			</div>
		</div>
		<div class='title'>
			<form id="queryForm" action="">
				<input id='query' type='text'/><br/>
				<input id='searchBtn' type='button' value='Search'/>
				<input type="hidden" id='firstCall' value="True"/>	
			</form>
		</div>	
		<div class="container">
			<div id='songsListDiv' class='results'>
				<div id="liquid-round">
					<div class="top"><span></span></div>
						<div class="center-content">
						Search Results<br/>
						<a class='next' href='#' id='nextBtn' align='right'>next</a>
							<ul id='songsList' class="droppable"></ul>
						</div>
					<div class="bottom"><span></span></div>
				</div>
			</div>
			
			
			<div id='playlistDiv' class='results'>
				<div id="liquid-round">
					<div class="top"><span></span></div>
						<div class="center-content">
							Playlist<br/>
							<input id="createPlaylistBtn" type="button" value="Add"/>
							<input id='clearBtn' type='button' value='Clear'/>
							<ul id='playlist' class='droppable'></ul>
							
						</div>
					<div class="bottom"><span></span></div>
				</div>
			</div>
			
			
			<div id="playerDiv" class="results">
				<div id="liquid-round">
					<div class="top"><span></span></div>
						<div class="center-content">
							Player<br/>
							<input id='clearPlaylistBtn' type='button' value='Clear Playlist'/><br/><br/>
							<div id="player">
							</div>
						</div>
					<div class="bottom"><span></span></div>
				</div>
			</div>
		</div>
	</div>	
	</body>
</html>
